<template>
  <div>
    <h1>个人中心</h1>
    <div class="date">
      <el-calendar v-model="value">
      </el-calendar>
    </div>
  </div>
</template>
<style>
  .date {
    height: 300px;
  }
  .el-calendar ,
  .el-calendar__header,
  .el-calendar__body,
  .el-calendar table{
    height: 100%;
  }
  .el-calendar table td{
    height:30px;
  }
</style>
<script>
  export default {
    data() {
      return {
        value: new Date()
      }
    }
  }
</script>